<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SF仿站</title>
    <!--初始化样式-->
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <!--公共部分样式-->
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <!--页面自己的样式-->
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
    <!--公共部分 start-->
    <!--Cookies使用策略-->
    <div class="cookies_container">
        <div class="w">
            <dl>
                <dt>Cookies使用策略</dt>
                <dd>
                    我们的网站使用cookies以改进我们的网站和改善用户体验。<br>
                    如您继续浏览本网站而未更改浏览器cookie设置，视为同意我们的cookies使用策略。<br>
                    <a href="####">Cookies政策</a>
                </dd>
            </dl>
            <button>不同意</button>
            <button>同意</button>
        </div>
    </div>
    <!--导航栏-->
    <div class="nav_container">
        <div class="nav w">
            <img src="img/logo.png" alt="顺丰速运">
            <ul>
                <a href="####">首页</a>
            </ul>
            <ul class="menu_header">
                <a href="####">寄大件&#xe607;</a>
                <li>
                    <a href="####">自助寄件</a>
                </li>
                <li>
                    <a href="####">服务查询</a>
                </li>
                <li>
                    <a href="####">月结客户服务</a>
                </li>
            </ul>
            <ul class="menu_header">
                <a href="####">产品介绍&#xe607;</a>
                <li>
                    <a href="####">重货包裹</a>
                </li>
                <li>
                    <a href="####">标准零担</a>
                </li>
                <li>
                    <a href="####">大票直送</a>
                </li>
                <li>
                    <a href="####">整车直达</a>
                </li>
            </ul>
            <ul class="menu_header">
                <a href="####">增值服务&#xe607;</a>
                <li>
                    <a href="####">报价运输</a>
                </li>
                <li>
                    <a href="####">代收货款</a>
                </li>
            </ul>
            <ul class="menu_header">
                <a href="####">企业服务&#xe607;</a>
                <li>
                    <a href="####">SF</a>开放平台</a>
                </li>
            </ul>
            <ul>
                <a href="####">关于我们</a>
            </ul>
        </div>
    </div>
    <!--公共部分 end-->

    <!--大图1-->
    <div class="bigimg1">
        <img src="img/kouhao.png" alt="">
    </div>
    <!--快捷查询-->
    <div class="query_container">
        <div class="query w">
            <div>
                <input type="text" id="search_bar" placeholder="支持粘贴运单号查询；最多可查询10条，以逗号、空格或回车键隔开">
                <label for="search_bar">&#xe606;  运单追踪</label>
                <i>&#xe651;</i>
            </div>
            <a href="####" class="car"><span>&#xe604;</span>大件下单</a>
            <a href="####" class="money_time"><span>&#xe602;</span>运费时效</a>
            <a href="####" class="location_inquiry"><span>&#xe603;</span>网点查询</a>
        </div>
    </div>
    <!--轮播图-->
    <div class="carousel_module">
        <h3>快运产品</h3>
        <ul class="carousel clearfix">
            <li>
                <img src="img/bigimg4.jpg" width=100% alt="">
            </li>
            <li>
                <img src="img/bigimg3.jpg" width=100% alt="">
            </li>
            <li>
                <img src="img/carousel_img3.jpg" width=100% alt="">
            </li>
            <li>
                <img src="img/bigimg2.jpg" width=100% alt="">
            </li>
            <li>
                <img src="img/carousel_img5.jpg" width=100% alt="">
            </li>
        </ul>
        <ul class="button">
        </ul>
        <i class="left_button">&#xe665;</i>
        <i class="right_button">&#xe666;</i>
    </div>
    <!--四图模块-->
    <div class="img_module_container">
        <h3>车线运力</h3>
        <div class="img1 img_module">
            <h4>人员保障</h4>
            <div class="imgdescribe">
                <p class="num">9500+</p>
                <p class="describe">中转操作员</p>
                <p class="num">2.8万+</p>
                <p class="describe">专职收派员</p>
            </div>
        </div>
        <div class="img2 img_module">
            <h4>车线运力</h4>
            <div class="imgdescribe">
                <p class="num">9500+</p>
                <p class="describe">中转操作员</p>
                <p class="num">2.8万+</p>
                <p class="describe">专职收派员</p>
            </div>
        </div>
        <div class="img3 img_module">
            <h4>场地支持</h4>
            <div class="imgdescribe">
                <p class="num">9500+</p>
                <p class="describe">中转操作员</p>
                <p class="num">2.8万+</p>
                <p class="describe">专职收派员</p>
            </div>
        </div>
        <div class="img4 img_module">
            <h4>网络覆盖</h4>
            <div class="imgdescribe">
                <p class="num">9500+</p>
                <p class="describe">中转操作员</p>
                <p class="num">2.8万+</p>
                <p class="describe">专职收派员</p>
            </div>
        </div>
    </div>
    <!--四栏模块-->
    <div class="column_module w">
        <h3>科技支撑</h3>
        <div class="culumn">
            <h4>智能分拣AGV</h4>
            <p>最高承载60公斤、单边达1米，自动供件，不停车分拣</p>
            <img src="img/culumn1.jpg" width=240px alt="">
        </div>
        <div class="culumn">
            <h4>AI机器视觉</h4>
            <p>实时测量货物体积和车辆装卸等关键事件，自动监测、纠正各类违规操作</p>
            <img src="img/culumn2.jpg" width=240px alt="">
        </div>
        <div class="culumn">
            <h4>自动化中转场</h4>
            <p>多层架高，自动摆轮分拣和地面分拣，智能生成囤货和作业计划</p>
            <img src="img/culumn3.png" width=240px alt="">
        </div>
        <div class="culumn">
            <h4>智慧地图</h4>
            <p>多图层多级地址识别，智能分配订单，辅助网络规划和资源投放</p>
            <img src="img/culumn4.jpg" width=240px alt="">
        </div>
    </div>
    <!--新闻资讯-->
    <div class="news_module w">
        <h3>新闻资讯</h3>
        <a href="####" class="news_link">
            <div class="img_container">
                <img src="img/bigimg1.jpg" width=330px alt="">
            </div>
            <p>2021-04-23</p>
            <h4>SF大件物流的计价方式是什么？</h4>
        </a>
        <a href="####" class="news_link">
            <div class="img_container">
                <img src="img/bigimg2.jpg" width=330px alt="">
            </div>
            <p>2021-04-23</p>
            <h4>SF快运大件物流价格查询及寄件</h4>
        </a>
        <a href="####" class="news_link">
            <div class="img_container">
                <img src="img/bigimg3.jpg" width=330px alt="">
            </div>
            <p>2021-04-23</p>
            <h4>SF快运：值得信赖的货运公司</h4>
        </a>
        <a href="####" class="news_link">
            <div class="img_container">
                <img src="img/bigimg4.jpg" width=330px alt="">
            </div>
            <p>2021-04-23</p>
            <h4>SF快运行李托运怎么收费</h4>
        </a>
    </div>

    <!--公共部分 start-->
    <!--底栏-->
    <div class="bottom_container">
        <div class="friend_link">
            <a href="####">快发发</a>
            <a href="####">开放平台</a>
            <a href="####">SF速递</a>
            <a href="####">顺心SF</a>
        </div>
        <div class="content_module">
                <div class="zxxd">
                    <h4>在线下单</h4>
                    <img src="img/qrcode.jpg" width="70px" alt="">
                    <p>快运公众号</p> 
                </div>
                <div class="lxwm">
                    <h4>联系我们</h4>
                    <p class="tel">9533888</p>
                    <p class="teldescribe">8:00~22:00 7*24小时快运客服专线</p>
                </div>
                <div class="jjfa">
                    <h4>解决方案&商务合作</h4>
                    <p><span>&#xe601;</span>-------------------------------</p>
                    <p><span>&#xe603;</span>---------------------------------------</p>
                </div>
                <div class="ppcp">
                    <h4>品牌产品</h4>
                    <img src="img/logo-3.png" alt="">
                </div>
        </div>
        <div class="copyright">
            <p>
                © 2021SF快运版权所有 ------------------
            </p>
        </div>
    </div>
    <!--公共部分 end-->
</body>

<!--引入JavaScript-->
<script src="js/index.js"></script>
<script src="js/common.js"></script>

</html>